{% comment  %}
Variables:
    - status: AuditManagement status
    - no_text: only show colored circle, with help text when hover (default None -> False)
    - status_verbose: if set, show this as label instaed of `status` variable
{% endcomment %}

{% if no_text %}
    <div class="tw:flex tw:items-center">
{% endif %}

{% if status == 'rejected' %}
    <span class="tw:badge tw:badge-sm tw:bg-red-300">
{% elif status == 'pending' %}
    <span class="tw:badge tw:badge-sm tw:bg-gray-300">
{% elif status == 'approved' %}
    <span class="tw:badge tw:badge-sm tw:bg-green-300">
{% else %} {# should be unreachable #}
    <span class="tw:badge tw:badge-sm">
{% endif %}
      {% if not no_text %}
          {% if status_verbose %}
              {{ status_verbose }}
          {% else %}
              {{ status }}
          {% endif %}
      {% endif %}
    </span>
{% if no_text %}
    </div>
{% endif %}
